<template>
	<!-- 收货-备注begin -->
	<div class="flex">
		<strong>备注</strong>
		<input type="text" placeholder="我想说..." />
	</div>
	<!-- 收货-备注end -->
</template>

<script>
export default {
	name: 'ConfirmOrderEvaluation',
};
</script>

<style scoped>
.flex {
	display: flex;
	flex-direction: column;
	height: auto;
	margin: 23px 26px 12px 26px;
	padding: 15px 20px 16px 22px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
	border-radius: 12px;
}
strong {
	height: 25px;
	color: #3c454b;
	font-family: Noto Sans SC;
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0.25714290142059326px;
	text-align: left;
	flex: 1;
}
input {
	/*去除阴影*/
	box-shadow: none;
	/*聚焦input的蓝色边框*/
	outline: none;
	/*textarea 禁止拖拽*/
	resize: none;
	/*去除边框*/
	border-top: none;
	border-left: none;
	border-right: none;
	margin-top: 14px;
	padding: 0 0 3px 0;
}
span {
	height: 15px;
	margin-top: 10px;
	color: rgb(110, 124, 135);
	font-family: Noto Sans SC;
	font-size: 10px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0px;
	text-align: left;
	padding: 0 0 20px 0;
	border-bottom: 1px solid rgb(229, 237, 242);
}
</style>
